<!doctype html>
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>BDO System- Contact us</title>
<meta name="description" content="">
<meta name="keywords" content="">

<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700|Alike" rel="stylesheet">

<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">

<!-- favicon.ico and apple-touch-icon.png -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-iphone.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72-ipad.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-iphone4.png">

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="screen.css">
<!-- custom CSS -->
<link rel="stylesheet" href="custom.css">

<!-- main JS libs  -->
<script src="js/libs/modernizr-2.5.3.min.js"></script>
<script src="js/libs/respond.min.js"></script>					 
<script src="js/libs/jquery.min.js"></script>

<!-- scripts  -->
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/general.js"></script>
<script src="js/hoverIntent.js"></script>
<!-- carousel -->
<script src="js/jquery.carouFredSel.min.js"></script>
<script src="js/jquery.touchwipe.js"></script>
<!-- sliders -->
<script src="js/slides.min.jquery.js"></script>
<!-- styled select -->
<link rel="stylesheet" href="css/cusel.css">
<script src="js/cusel-min.js"></script>
<script src="js/jScrollPane.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<!-- custom input -->
<script src="js/jquery.customInput.js"></script>
<script src="js/contact.js"></script>
</head>
<body>  
<div class="body_wrap">

<div class="header_container">
	
	<header>
    	<div class="container">	        
	        
	        <div class="header_right">            	
				<label>User Login</label>
                <input type="text" style="padding:2px" Placeholder="NIK" />
				<input type="password" style="padding:2px" Placeholder="Password" />
				<input type="submit" value="Login" />
	        </div>
			
			<div class="header_left">
			   	<div class="logo">
	            <a href="index.html"><img src="images/logo.png" alt=""></a>
	            <strong>BDO Internal System</strong>
	            </div>
	        </div>
            
	        <div class="clear"></div>	
        </div>                    		    
	</header>
</div>
<!--/ header_container -->

<div class="container topm_cont">
 
    <!-- topmenu -->    
    <nav id="topmenu">            
	    <ul class="dropdown">              
			<li class="menu-level-0 current-menu-ancestor"><a href="index.html"><span>Home</span></a></li>	
			<li class="menu-level-0 current-menu-ancestor"><a href="news.html"><span>News</span></a></li>	
			<li class="menu-level-0 current-menu-ancestor"><a href="about.html"><span>About Us</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="training.html"><span>Training</span></a></li>
            <li class="menu-level-0 current-menu-ancestor"><a href="timesheet.html"><span>Timesheet</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="career.html"><span>Career</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="it-sys.html"><span>IT System</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="hr-sys.html"><span>HR System</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="library.html"><span>Library</span></a></li>
			<li class="menu-level-0 current-menu-ancestor active"><a href="contact.html"><span>Contact Us</span></a></li>
	    </ul>	   
		<div class="clear"></div>                             
	</nav>    
    <!--/ topmenu -->
    
    <div class="topbar">
    	<div class="top_share"><span class="social_title">SHARE</span> <a href="#" class="social_google">Google +1</a> <a href="#" class="social_fb">Facebook</a> <a href="#" class="social_twitter">Twitter</a> <a href="#" class="social_pinterest">Pinterest</a></div>
        
    	<span class="top_filter"><a href="#" class="link_mostcomm">Most commented</a> <a href="#" class="link_pick">Editor’s Picks</a> <a href="#" class="link_mostlike">Most liked</a> <a href="#" class="link_random">Random story</a></span>     
        <div class="clear"></div>
    </div>
</div>

    
<div class="container"> 
<!-- middle -->
<div id="middle" class="cols2">
	
    <div class="title">
    	<h1>Contact us</h1>       
    </div>  
    
    <div class="content" role="main">
       
    	<article class="post-detail post-page">            
			<div class="entry">
            
            	<p>Microsoft's debut of the Surface family of tablets wowed on several levels yesterday, not the least of which is the fact that Redmond will be moving into direct competition with some of the hardware partners it relied upon to build the dominance of Windows. Acer and Lenovo have both shown off Windows 8 tablets in recent weeks, with Dell.</p>
                
                <!-- contact form -->
                        <div class="add-comment contact-form">
                            
                            <div class="add-comment-title">
                           		<h3>leave us a Message</h3>
                            </div>
                            
                            <div class="comment-form">
                            <form action="#" method="post" class="ajax_form" id="contactForm">
                                
                                <div class="row alignleft field_text">
                                    <label class="label_title"><strong>Name</strong></label>
                                    <input type="text" name="yourname" id="name" value="" class="inputtext input_middle required">
                                </div>
                                                                      
                                <div class="row alignleft field_text omega">
                                    <label class="label_title"><strong>Email</strong> (never published)</label>
                                    <input type="text" name="email" id="email" value="" class="inputtext input_middle required">
                                </div>
								
                                <div class="clear"></div>   
                                
                                <div class="row field_text alignleft">
                                    <label class="label_title"><strong>Website</strong></label>
                                    <input type="text" name="website" id="website" value="" class="inputtext">
                                </div>
                                
                                <div class="row field_select alignleft omega">
                                	<label class="label_title"><strong>Subject:</strong></label>
                                    <select class="select_styled" id="contact_subject" name="contact_subject">
                                    	<option value="Feedback">Feedback</option>
                                        <option value="Support Question">Support Question</option>
                                        <option value="Website Question">Website Question</option>
                                        <option value="Other Question or Comment">Other Question or Comment</option>
                                    </select>
                                </div>
                                
                                <div class="clear"></div> 
                                
                                <div class="row alignleft input_styled inlinelist">
                                	<label class="label_title">I found about you from:</label>
			                        <div class="rowRadio"><input type="radio" name="continent" value="a friend" id="radio_v1" checked> <label for="radio_v1">a friend</label></div>
			                        <div class="rowRadio"><input type="radio" name="continent" value="from the web" id="radio_v2"> <label for="radio_v2">from the web</label></div>
			                        <div class="rowRadio"><input type="radio" name="continent" value="another option" id="radio_v3"> <label for="radio_v3">another option</label></div>
			                    </div> 
                                
                                <div class="row alignleft input_styled checklist omega">
                                	<label class="label_title">Subscribe to:</label>
				                    <div class="rowCheckbox"><input type="checkbox" name="newsletter" id="checkbox_1" value="yes" checked> <label for="checkbox_1">I'd like to receive the newsletter</label></div>
				                    <div class="rowCheckbox"><input type="checkbox" name="admin_messages" id="checkbox_2" value="yes"> <label for="checkbox_2">Receive messages from admin</label></div>
				                    
			                	</div> 
                            
                                <div class="clear"></div>  
                                <div class="row">
                                    <label class="label_title"><strong>Message</strong></label>
                                    <textarea cols="30" rows="10" name="message" id="message" class="textarea textarea_middle required"></textarea>
                                </div>
                                
                                <div class="row rowSubmit">
	                                <input type="submit" name="btnsubmit" id="send" value="Send Message" class="btn-submit">
                             	</div>
                            </form>
                            </div>
                        </div>
                <!--/ contact form -->           
		
        	
            
            <div class="clear"></div>            
            </div>
            
            	
        </article>
        
        
	</div>
    <!--/ content -->
    
    <!-- sidebar -->
    <div class="sidebar">

		<!-- widget_contact -->
	        <div class="widget-container widget_contact">   
	            <div class="inner">   
	            	
	                <div class="contact-address">
	                	<div class="name"><strong>NewsSetter LLC, USA</strong></div>
						<div class="address">21 Sunset Blvd. New York, NY</div>
						<div class="phone"><em>Phone:</em> <span>555-522.326</span></div>
	                    <div class="fax"><em>Fax:</em> <span>555-345.285</span></div>
		                <div class="mail"><em>Email:</em> <a href="mailto:contact@newssetter.com">contact@newssetter.com</a></div>
					</div>
		                  
					<div class="contact-social">
		            	<div><a href="#" class="btn btn_skype">Skype</a></div>
		                <div><a href="#" class="btn btn_twitter">Twitter</a></div>
		                <div><a href="#" class="btn btn_fb">Facebook</a></div>
		           	<div class="clear"></div>
		            </div>
                    
                    <div class="contact-map">
						<img src="images/temp/map.gif" alt="">
		            </div>
                    
				</div>     
			</div>
	        <!--/ widget_contact -->
            
			<br>            
        
        
    </div>
    <!--/ sidebar -->   
    
        	
</div>
<!--/ middle --> 
</div>
<!--/ container --> 

<footer>
<div class="container" style="background-image:url(images/header_pattern_1.png); background-color:#111111">

    <div class="footer_right">
    	<ul class="botmenu">
        	<li><a href="about.html">ABOUT</a></li>
            <li><a href="#">AUTHORS</a></li>
            <li class="current-menu-item"><a href="contact.html">CONTACT</a></li>
            <li><a href="advertise.html">ADVERTISE</a></li>
            <li><a href="#">PRIVACY</a></li>
            <li><a href="#">TERMS</a></li>
        </ul>
    </div>
    
    <div class="footer_left">
   		<img src="images/logo_footer.png" width="230" height="50" alt="">
    </div>
	
    <div class="clear"></div>
    
</div>
</footer>

</div>
</body>
</html>